﻿/* base
==========================================*/
body {
    background: #fff;
}

.app-header {
    background: #e8e8e8;
}

.app-toolbar,
.bg-toolbar {
    background: #f5f5f5;
}

.mini-modal {
    background: #fff;
    opacity: .6;
    filter: alpha(opacity=60);
}

.mini-mask-background {
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
}

.mini-popup,
.mini-window,
.mini-menu-open {
    /*box-shadow:rgba(0,​ 0,​ 0,​ 0.6) 0px 6px 12px 0px;*/
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}

/* tools
==========================================*/

/* popup
==========================================*/
.mini-popup {
    border-color: #d3d3d3;
}

/* toolbar
==========================================*/
.mini-toolbar {
    background: #f5f5f5;
    border-color: #d3d3d3;
}

.separator {
    border-color: #d3d3d3;
}

/* button
==========================================*/
.mini-button {
    background: #e6e6e6 url(images/btn.png) repeat-x 0 50%;
    border-color: #d3d3d3;
    color: #222;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-radius: 4px;
}

body a:hover.mini-button {
    background: #dadada url(images/over.png) repeat-x 0 50%;
    border-color: #aaa;
    color: #222;
}

body .mini-button-pressed, body a:hover.mini-button-pressed,
body .mini-button-checked, body a:hover.mini-button-checked,
body a.mini-button-popup, body a:hover.mini-button-popup {
    background: #dadada url(images/over.png) repeat-x 0 50%;
    border-color: #aaa;
    color: #222;
}

body a.mini-button-disabled, body a:hover.mini-button-disabled {
    border-color: #d3d3d3;
    background: #e6e6e6 url(images/btn.png) repeat-x 0 50%;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

/* textbox
==========================================*/
.mini-textbox-border {
    background: #fff;
    border-color: #d3d3d3;
    border-radius: 4px;
}

.mini-textbox-focus .mini-textbox-border {
    /*background-color: #fff;*/
    /*background:#dadada url(images/over.png) repeat-x 0 50%;*/
    border-color: #d3d3d3;
    color: #222;
}

body .mini-error .mini-textbox-border,
body .mini-error .mini-buttonedit-border,
body .mini-error .mini-textboxlist-border {
    border-color: #ffa8a8;
    background: #fff3f3;
}

.mini-textbox-input {
    color: #444;
}

/* buttonedit
==========================================*/
.mini-buttonedit-border {
    background: #fff;
    border-color: #d3d3d3;
    border-radius: 4px;
}

.mini-buttonedit-focus .mini-buttonedit-border {
    /*background:#dadada url(images/over.png) repeat-x 0 50%;*/
    border-color: #d3d3d3;
    color: #222;
}

.mini-buttonedit-input {
    color: #444;
}

.mini-buttonedit-button {
    background: transparent;
    border-color: #cccccc;
    color: #222;
}

.mini-buttonedit-button-hover,
.mini-buttonedit-hover .mini-buttonedit-trigger {
    color: #222;
    background: #dadada url(images/over.png) repeat-x 0 50%;
    border-color: #bbb;
}

.mini-buttonedit-button-pressed,
.mini-buttonedit-popup .mini-buttonedit-trigger {
    color: #222;
    background: #dadada url(images/over.png) repeat-x 0 50%;
    border-color: #bbb;
}

.mini-popupedit .mini-buttonedit-trigger .mini-buttonedit-icon {
    background: url(images/arrow.gif) no-repeat 1px 2px;
}

.mini-datepicker .mini-buttonedit-trigger .mini-buttonedit-icon {
    background: url(images/date.gif) no-repeat 50% 50%;
}

.mini-buttonedit-up span, .mini-buttonedit-down span {
    background: url(images/spinner_arrows.png) no-repeat 0px 50%;
}

.mini-buttonedit-down span {
    background-position: -16px 50%;
}

/* textboxlist
==========================================*/
.mini-textboxlist-border {
    border-color: #d3d3d3;
}

.mini-textboxlist-focus .mini-textboxlist-border {
    /*background-color: #fff;*/
    border-color: #d3d3d3;
    color: #000;
}

.mini-textboxlist-item {
    color: #222;
}

/* htmlfile
==========================================*/
.mini-htmlfile .mini-buttonedit-button {
    color: #222;
    background: #f6ebc9;
    border-color: #d3d3d3;
}

/* panel
==========================================*/
.mini-panel-border {
    border-color: #d3d3d3;
}

.mini-panel-header {
    background: #e6e6e6 url(images/btn.png) repeat-x 0 50%;
    color: #222;
    font-weight: bold;
    border-color: #d3d3d3;
}

.mini-panel-body {
    background: #fff;
}

.mini-panel-toolbar,
.mini-panel-footer {
    background: #fff;
    border-color: #d3d3d3;
}

/* window
==========================================*/
.mini-window .mini-panel-header {
    background: #e6e6e6 url(images/btn.png) repeat-x 0 50%;
}

.mini-window .mini-panel-footer {
    background: #fff;
}

.mini-window,
.mini-window > .mini-panel-border {
    border-radius: 6px;
}

/* outlookbar
==========================================*/
.mini-outlookbar-border {
    border-color: #d3d3d3;
}

.mini-outlookbar .mini-outlookbar-groupHeader {
    background: #e6e6e6 url(images/btn.png) repeat-x 0 50%;
    border-color: #d3d3d3;
    color: #222;
}

.mini-outlookbar .mini-outlookbar-hover {
    background: #e6e6e6 url(images/btn.png) repeat-x 0 50%;
    border-color: #d3d3d3;
}

.mini-outlookbar-expand .mini-outlookbar-groupHeader {
    background: #e6e6e6 url(images/btn.png) repeat-x 0 50%;
    border-color: #d3d3d3;
}

.mini-outlookbar .mini-outlookbar-groupTitle {
    font-weight: normal;
}

.mini-outlookbar .mini-outlookbar-group {
    border-color: #d3d3d3;
}

.mini-outlookbar .mini-outlookbar-groupBody {
    border-color: #d3d3d3;
}

.mini-outlookbar-view2 .mini-outlookbar-groupHeader {
    border-color: #d3d3d3;
}

.mini-outlookbar-view2 .mini-outlookbar-groupBody {
    background: #fff;
}

.mini-outlookbar-view3 .mini-outlookbar-group {
    border-color: #d3d3d3;
}

/* splitter
==========================================*/
.mini-splitter-border {
    border-color: #d3d3d3;
}

.mini-splitter .mini-splitter-pane1 {
    border-color: #d3d3d3;
}

.mini-splitter .mini-splitter-pane2 {
    border-color: #d3d3d3;
}

/* layout
==========================================*/
.mini-layout-border {
    border-color: #d3d3d3;
}

.mini-layout-region {
    border-color: #d3d3d3;
}

.mini-layout-region-header {
    background: #e6e6e6 url(images/btn.png) repeat-x 0 50%;
    border-color: #d3d3d3;
}

.mini-layout-proxy {
    border-color: #d3d3d3;
    background: #efefef;
}

.mini-layout-proxy-hover {
    background: #f5f5f5;
}

.mini-layout-region-title {
    color: #222;
}

/* menu
==========================================*/
.mini-menu {
    background: #fff;
    color: #222;
}

.mini-menu-border {
    border-color: #d3d3d3;
}

.mini-menuitem-hover,
.mini-menu-popup {
    background: #e6e6e6 url(images/btn.png) repeat-x 0 50%;
    border-color: #aaa;
}

.mini-menuitem-selected {
    background: #e6e6e6 url(images/btn.png) repeat-x 0 50%;
    border-color: #aaa;
}

.mini-menuitem-text, .mini-menuitem-text a {
    color: #222;
}

.mini-separator {
    border-color: #d3d3d3;
}

.mini-menu-horizontal .mini-menu-inner {
    background: #fff;
}

.mini-menu-horizontal .mini-menuitem-allow {
    background: url(images/menu_arrows.png) no-repeat -2px -4px;
}

/* pager
==========================================*/
.mini-pager {
    background: transparent;
    border-color: #d3d3d3;
}

/* grid
==========================================*/
.mini-grid-border {
    border-color: #d3d3d3;
}

.mini-grid-header {
}

.mini-grid-headerCell,
.mini-grid-topRightCell,
.mini-grid-columnproxy {
    background: #e6e6e6 url(images/btn.png) repeat-x 0 50%;
    border-color: #d3d3d3;
}

.mini-grid-cell {
    border-color: #ddd;
}

.mini-grid-footer,
.mini-grid-pager,
.mini-grid-filterRow {
    border-color: #d3d3d3;
    background: #f5f5f5;
}

html body .mini-grid-row-hover {
    background: #ecedef;
}

html body .mini-grid-row-selected {
    background: #e6e6e6;
}

html body .mini-grid .mini-grid-cell-selected {
    background: #cfcece;
}

.mini-grid-header-over {
    background: #dadada url(images/over.png) repeat-x 0 50%;
}

/* tree
==========================================*/
.mini-tree-nodeshow {
    border-radius: 4px;
}

.mini-tree-node-hover .mini-tree-nodeshow {
    background: #e6e6e6;
    border-color: #bbb;
}

.mini-tree-selectedNode .mini-tree-nodeshow {
    background: #e6e6e6;
    border-color: #bbb;
}

.mini-tree-leaf {
    background-image: url(images/file.gif);
}

.mini-tree-folder {
    background-image: url(images/folder.gif);
}

.mini-tree-expand .mini-tree-folder {
    background-image: url(images/folder-open.gif);
}

/* listbox
==========================================*/
.mini-listbox-border {
    border-color: #d3d3d3;
}

.mini-listbox-header {
    background: #e6e6e6 url(images/btn.png) repeat-x 0 50%;
    border-color: #d3d3d3;
}

.mini-listbox-header td {
    border-color: #d3d3d3;
}

.mini-listbox-item td {
    border-color: #ddd;
}

.mini-listbox-item-hover td {
    background: #ecedef;
}

.mini-listbox-item-selected td {
    background: #e6e6e6;
}

/* tabs
==========================================*/
.mini-tabs-scrollCt {
    border-color: #d3d3d3;
    background: #f5f5f5;
}

.mini-tabs-leftButton,
.mini-tabs-rightButton,
.mini-tabs-tabmenu {
    background-color: #d7ebf9;
    border-color: #d3d3d3;
    border-radius: 4px;
}

a:hover.mini-tabs-leftButton,
a:hover.mini-tabs-rightButton,
a:hover.mini-tabs-tabmenu {
    border-color: #aaa;
    background-color: #e4f1fb;
}

/* top */
.mini-tabs-bodys {
    border-color: #d3d3d3;
    background: #fff;
}

.mini-tabs-space {
    border-color: #d3d3d3;
}

.mini-tabs-space2 {
    border-color: #d3d3d3;
}

.mini-tab {
    background: #e6e6e6 url(images/btn.png) repeat-x 0 50%;
    border-color: #d3d3d3;
    color: #666;
    font-weight: bold;
}

.mini-tab-hover {
    background: #dadada url(images/over.png) repeat-x 0 50%;
    border-color: #aaa;
}

.mini-tab-active {
    border-color: #d3d3d3;
    border-bottom-color: #fff;
    background: #fff;
    color: #222;
}

.mini-tab-close-hover {
    background-color: #d3d3d3;
}

/* bottom */
.mini-tabs-header-bottom .mini-tabs-space,
.mini-tabs-header-bottom .mini-tabs-space2 {
    border-color: #d3d3d3;
}

.mini-tabs-header-bottom .mini-tabs-bodys {
    border-color: #d3d3d3;
}

.mini-tabs-header-bottom .mini-tab-active {
    border-top-color: white;
    border-bottom-color: #d3d3d3;
}

.mini-tabs-body-bottom {
    border-color: #d3d3d3;
}

/* left */
.mini-tabs-header-left .mini-tabs-space,
.mini-tabs-header-left .mini-tabs-space2 {
    border-color: #d3d3d3;
}

.mini-tabs-header-left .mini-tabs-bodys {
    border-color: #d3d3d3;
}

.mini-tabs-header-left .mini-tab-active {
    border-color: #d3d3d3;
    border-right-color: white;
}

.mini-tabs-body-left {
    border-color: #d3d3d3;
}

/* right */
.mini-tabs-header-right .mini-tabs-space,
.mini-tabs-header-right .mini-tabs-space2 {
    border-color: #d3d3d3;
}

.mini-tabs-header-right .mini-tabs-bodys {
    border-color: #d3d3d3;
}

.mini-tabs-header-right .mini-tab-active {
    border-color: #d3d3d3;
    border-left-color: white;
}

.mini-tabs-body-right {
    border-color: #d3d3d3;
}

/* radius */
.mini-tab {
    border-radius: 4px;
}

.mini-tabs-header-right .mini-tab {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.mini-tabs-header-left .mini-tab {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.mini-tabs-header-bottom .mini-tab {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.mini-tabs-header-top .mini-tab {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

/* tooltip
==========================================*/
.mini-tooltip-inner {
    border-color: #ddd;
    border-radius: 0px;
}

/* calendar
==========================================*/
.mini-calendar {
    border-color: #d3d3d3;
}

.mini-calendar-header {
    background: #e6e6e6 url(images/btn.png) repeat-x 0 50%;
    border-color: #d3d3d3;
}

.mini-calendar-footer {
    border-color: #d3d3d3;
    background: #fafafa;
}

.mini-calendar-tadayButton, .mini-calendar-clearButton,
.mini-calendar-okButton, .mini-calendar-cancelButton {
    background: #e6e6e6 url(images/btn.png) repeat-x 0 50%;
    border-color: #d3d3d3;
    color: #222;
    border-radius: 4px;
}

.mini-calendar-tadayButton:hover, .mini-calendar-clearButton:hover,
.mini-calendar-okButton:hover, .mini-calendar-cancelButton:hover {
    background: #dadada url(images/over.png) repeat-x 0 50%;
    border-color: #aaa;
}

.mini-calendar .mini-calendar-today {
    border-color: #C00000;
}

.mini-calendar-daysheader td {
    border-color: #d3d3d3;
}

.mini-calendar-menu {
    border-color: #d3d3d3;
}

.mini-calendar-title,
.mini-calendar-menu-year,
.mini-calendar-menu-month {
    color: #222;
}

.mini-calendar .mini-calendar-selected,
.mini-calendar-menu-selected,
a:hover.mini-calendar-menu-month,
a:hover.mini-calendar-menu-year {
    color: #222;
    background: #e6e6e6;
    border-color: #bbb;
}

/* progressbar
==========================================*/
.mini-progressbar-border {
    border-color: #d3d3d3;
}

.mini-progressbar-bar {
    background: #e6e6e6;

}

.mini-progressbar-text {
    color: #222;
}


